/* GLOBAL STYLES
-------------------------------------------------- */
html{ position:relative; min-height:100%; }
body{ margin-bottom:220px; }
h1,h2,h3,h4{ font-family:"微软雅黑","黑体"; }
a{ text-decoration:none!important; }

.mobile-hidden{ display:none!important; }

/* header */
.navbar{ margin-bottom:0;  border-radius:0; border:none; background-color:#fff; }
.navbar-brand{ font-size:1em; background:url(../image/icon-font.png) no-repeat 15px 17px; padding-left:35px; }
.navbar-toggle{ margin-top:6px; margin-bottom:0; color:#23527c; }
.navbar-nav>li>a{ margin-top:0; margin-bottom:0; }

/* index */
.stage{ background-color: #fafafa; }
.swiper-slide img { width:100%; }

.caption{ padding:0; text-align:center; }
.item{ margin:15px 0; border:1px solid #c7c7c7; }
.item-image img{ width:100%; }
.item-text{ padding:0 10px; }
.item-text h3, .item-text h4{ text-align:center; }
.item-link{ padding:0 10px 15px; }

.solution, .product, .service, .info{ padding:15px 0; }

.service h1, .service h3, .service p, .info h1, .info h3, .info p{ color:#fff; }
.service{ background-color:#152935; }
.service .item a, .info a{ color: #fff; }
.service .item a:hover, .info a:hover{ color: #69aada; }
.service p, .info p{ height: 4em; }

.service .item{ border: none; position: relative; padding-left: 90px; }
.service .item img{ position: absolute; top:0; left: 0; width: 70px; }

.info{ background-color:#323232; }
.info ul{ margin: 0; padding: 0; }
.info li{ list-style: none; position: relative;  padding:0 0 0 90px; }
.info li img{ position: absolute; left:0; top:5px; width: 70px; }

/* channel */
.banner{ height:250px; background:url(../image/banner.jpg) repeat-x center center; }
.banner-caption{ margin-top: 20px; padding:10px 20px; background-color: #000; filter:alpha(Opacity=50); opacity:.5; }
.banner-caption h1, .banner-caption p{ color:#fff; }
.column-20 .banner{ background-image:url(../image/banner-20.jpg) ;}
.column-21 .banner{ background-image:url(../image/banner-21.jpg) ;}
.column-22 .banner{ background-image:url(../image/banner-22.jpg) ;}
.column-23 .banner{ background-image:url(../image/banner-23.jpg) ;}

.menu{ border-bottom: 1px solid #ddd; }
.menu ul{ margin: 0; padding:5px 0; }
.menu li{ display:inline-block; margin:0; }
.menu li a{ display:block; margin: 5px 10px 5px 0; padding: 8px; border:1px solid #ccc; }

.list .item-text{ border-top:1px solid #efefef; }
.list .item-text h4{ padding: 5px 0; }

.list-text ul{ margin: 0; padding: 0; }
.list-text li{ padding-top: 15px; list-style: none; }
.list-text span{ padding-bottom: 5px; display: block; clear: both; color: #999; }

.near ul{ margin: 0; padding: 10px 0; border-top: 1px dotted #ddd; }
.near li{ list-style: none; }

.show{ padding: 20px 0; }
.content img{ width: 100%; }

/* footer */
.fixed-footer{ position:absolute; bottom:0;  width:100%; }
.link{ padding: 20px 0; background-color:#323232; }
.recycling{ min-height: 100px; }
.recycling a{ margin-bottom: 5px; }
.contact{ position: relative; }
.contact i{ color: #337ab7; margin-right: 8px; }
.contact p{ color: #fff; line-height: 1.8em; }
.contact img{ position: absolute; left: 0; top: 0; width: 100px; }
.copy{ height:60px; border-top:1px solid #ddd; }
.copy span{ display:block; margin-top:10px; font-size:12px; color:#666; }
.column-0 .link{ background: none; }
.column-0 .contact p{ color: #333; }

/* RESPONSIVE CSS
-------------------------------------------------- */

@media (min-width:768px){

body{ margin-bottom:200px; }

.mobile-hidden{ display:block!important; }
.contact{ padding-left: 110px; }

.item{ margin:15px -5px; }
.item-text p{ height:3em; }
.list .item{ margin:20px 0 0;}

.service .item{ text-align: center; padding-left: 0px; }
.service .item img{ position:relative; width:40%; }

.banner-caption{ width: 60%; }

.menu ul{ padding: 0; border-left:1px solid #ccc; }
.menu li a{ margin: 0; padding:10px; border: none; border-right:1px solid #ccc; }

.content img{ width:auto; }

.copy{ height:40px; border-top:1px solid #ddd; }

}

@media (min-width:992px){


}